/*CSS Reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
hgroup,
nav,
section,
article,
aside,
footer,
figure,
figcaption,
menu,
button {
  margin: 0;
  padding: 0; 
}


@font-face {font-family: "iconfont";
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont-check:before { content: "\e600"; }
.iconfont-close:before { content: "\e601"; }
.iconfont-emoji:before { content: "\e602"; }
.iconfont-favorfill:before { content: "\e603"; }
.iconfont-favor:before { content: "\e604"; }
.iconfont-roundcheckfill:before { content: "\e605"; }
.iconfont-roundcheck:before { content: "\e606"; }
.iconfont-roundclosefill:before { content: "\e607"; }
.iconfont-roundclose:before { content: "\e608"; }
.iconfont-roundrightfill:before { content: "\e609"; }
.iconfont-roundright:before { content: "\e60a"; }
.iconfont-timefill:before { content: "\e60b"; }
.iconfont-time:before { content: "\e60c"; }
.iconfont-unfold:before { content: "\e60d"; }
.iconfont-back:before { content: "\e60e"; }
.iconfont-question:before { content: "\e60f"; }
.iconfont-pulldown:before { content: "\e610"; }
.iconfont-pullup:before { content: "\e611"; }
.iconfont-right:before { content: "\e612"; }
.iconfont-moreandroid:before { content: "\e613"; }
.iconfont-cart:before { content: "\e614"; }
.iconfont-qrcode:before { content: "\e615"; }
.iconfont-delete:before { content: "\e616"; }
.iconfont-home:before { content: "\e617"; }
.iconfont-squarecheckfill:before { content: "\e618"; }
.iconfont-square:before { content: "\e619"; }
.iconfont-squarecheck:before { content: "\e61a"; }
.iconfont-round:before { content: "\e61b"; }
.iconfont-roundaddfill:before { content: "\e61c"; }
.iconfont-roundadd:before { content: "\e61d"; }
.iconfont-add:before { content: "\e61e"; }
.iconfont-fold:before { content: "\e61f"; }
.iconfont-infofill:before { content: "\e620"; }
.iconfont-info:before { content: "\e621"; }
.iconfont-sort:before { content: "\e622"; }
.iconfont-iconfuzhi:before { content: "\e623"; }
.iconfont-down:before { content: "\e624"; }
.iconfont-pullleft:before { content: "\e625"; }
.iconfont-pullright:before { content: "\e626"; }
.iconfont-menu:before { content: "\e627"; }
.iconfont-add1:before { content: "\e628"; }
.iconfont-move:before { content: "\e629"; }
.iconfont-my:before { content: "\e62a"; }
.iconfont-myfill:before { content: "\e62b"; }
.iconfont-weixin:before { content: "\e62c"; }
.iconfont-alipay:before { content: "\e62d"; }
.iconfont-record:before { content: "\e62e"; }
.iconfont-text:before { content: "\e62f"; }
.iconfont-videofill:before { content: "\e630"; }
.iconfont-video:before { content: "\e631"; }


/* 1px hack */
.ui-border-t {
  border-top: 1px solid #e0e0e0; }

.ui-border-b {
  border-bottom: 1px solid #e0e0e0; }

.ui-border-tb {
  border-top: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  background-image: none; }

.ui-border-l {
  border-left: 1px solid #e0e0e0; }

.ui-border-r {
  border-right: 1px solid #e0e0e0; }

.ui-border {
  border: 1px solid #e0e0e0; }

.ui-btn-wrap {
  padding: 15px 10px;
}

.ui-btn, .ui-btn-lg, .ui-btn-s {
  height: 30px;
  line-height: 30px;
  padding: 0 11px;
  min-width: 55px;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 15px;
  background-color: #fdfdfd;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #fff), to(#fafafa));
  vertical-align: top;
  color: #00a5e0;
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cacccd;
  border-radius: 3px;
}
.ui-btn-lg {
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  display: block;
  width: 100%;
  border-radius: 5px;
}
.ui-btn-primary {
  background-color: #18b4ed;
  border-color: #0baae4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1fbaf3), to(#18b4ed));
  color: white;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-form {
  background-color: #fff; }

.ui-form-item-order.active {
  background-color: #e5e6e7; }

/* 表单输入项 */
.ui-form-item {
  position: relative;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  padding-right: 15px;
  padding-left: 15px; }
  .ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio) {
    width: 95px;
    position: absolute;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ui-form-item input,
  .ui-form-item textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    border: 0;
    background: none;
    padding-left: 95px; }
  .ui-form-item input[type="checkbox"], .ui-form-item input[type="radio"] {
    padding-left: 0; }
  .ui-form-item .ui-icon-close {
    position: absolute;
    top: 0;
    right: 6px; }
    @media (max-width: 320px) {
      .ui-form-item .ui-icon-close {
        right: 1px; } }
  @media (max-width: 320px) {
    .ui-form-item {
      padding-left: 10px;
      padding-right: 10px; } }

.ui-form-item-textarea {
  height: 65px; }

.ui-form-item-textarea label {
  vertical-align: top; }

.ui-form-item-textarea textarea {
  margin-top: 15px;
  border: none; }

.ui-form-item-textarea textarea:focus {
  outline: none; }

.ui-form-item-link > li:after {
  font-family: "iconfont" !important;
  font-size: 32px;
  line-height: 44px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  color: #c7c7c7;
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
  margin-right: -10px; }
  @media (max-width: 320px) {
    .ui-form-item-link > li:after {
      right: 10px; } }

.ui-form-item-l label,
.ui-form-item-r button {
  color: #00a5e0;
  text-align: center; }

.ui-form-item-r .ui-icon-close {
  right: 125px; }

.ui-form-item-l input:not([type="checkbox"]):not([type="radio"]) {
  padding-left: 115px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ui-form-item-r {
  padding-right: 0; }

.ui-form-item-r input:not([type="checkbox"]):not([type="radio"]) {
  padding-left: 0;
  padding-right: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ui-form-item-r button {
  width: 110px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0; }

.ui-form-item-r button.disabled {
  color: #bbb; }

.ui-form-item-r button:not(.disabled):active {
  background-color: #e5e6e7; }

.ui-form-item-pure input,
.ui-form-item-pure textarea {
  padding-left: 0; }

/* 表单展示项 */
.ui-form-item-show label {
  color: #777; }

.ui-form-item-link:after {
  font-family: "iconfont" !important;
  font-size: 32px;
  line-height: 44px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  color: #c7c7c7;
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -22px;
  margin-right: -10px; }
  @media (max-width: 320px) {
    .ui-form-item-link:after {
      right: 10px; } }

.ui-form-item-checkbox,
.ui-form-item-radio,
.ui-form-item-switch {
  display: -webkit-box;
  -webkit-box-align: center; }

.ui-checkbox, .ui-checkbox-s {
  display: inline-block; 
  
  }

.ui-checkbox input, .ui-checkbox-s input {
  display: inline-block;
 
  
  position: relative;
  overflow: visible;
  border: 0;
  background: none;
  -webkit-appearance: none;
  outline: none;
  margin-right: 8px;
  vertical-align: middle;
 }

.ui-checkbox input:before, .ui-checkbox-s input:before {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  content: "\e61b";
  color: #dedfe0; 
  
  }

.ui-checkbox input:checked:before, .ui-checkbox-s input:checked:before {
  content: "\e606";
  color: #18b4ed; }



.ui-switch {
  position: absolute;
  font-size: 16px;
  right: 15px;
  top: 50%;
  margin-top: -16px;
  width: 52px;
  height: 32px;
  line-height: 32px; }
  @media (max-width: 320px) {
    .ui-switch {
      right: 10px; } }
  .ui-switch input {
    width: 52px;
    height: 32px;
    position: absolute;
    z-index: 2;
    border: none;
    background: none;
    -webkit-appearance: none;
    outline: none; }
    .ui-switch input:before {
      content: '';
      width: 50px;
      height: 30px;
      border: 1px solid #dfdfdf;
      background-color: #fdfdfd;
      border-radius: 20px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      vertical-align: middle;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      border-color: #dfdfdf;
      -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
              box-shadow: #dfdfdf 0px 0px 0px 0px inset;
      -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
      transition: border 0.4s, box-shadow 0.4s;
      -webkit-background-clip: content-box;
      background-clip: content-box; }
    .ui-switch input:checked:before {
      border-color: #64bd63;
      -webkit-box-shadow: #64bd63 0px 0px 0px 16px inset;
              box-shadow: #64bd63 0px 0px 0px 16px inset;
      background-color: #64bd63;
      transition: border 0.4s, box-shadow 0.4s,  background-color 1.2s;
      -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
      background-color: #64bd63; }
    .ui-switch input:checked:after {
      left: 21px; }
    .ui-switch input:after {
      content: '';
      width: 30px;
      height: 30px;
      position: absolute;
      top: 1px;
      left: 0;
      border-radius: 100%;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
      -webkit-transition: left 0.2s;
      transition: left 0.2s; }

.ui-radio {
  line-height: 25px;
  display: inline-block; }

.ui-radio input {
  display: inline-block;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  border: 0;
  background: none;
  -webkit-appearance: none;
  outline: none;
  margin-right: 8px;
  vertical-align: middle; }

.ui-radio input:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #dfe0e1;
  border-radius: 13px;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  position: absolute;
  left: 0px;
  top: 0; }

.ui-radio input:checked:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: #18b4ed;
  border-radius: 7px;
  position: absolute;
  left: 6px;
  top: 6px; }

.ui-select {
  position: relative;
  margin-right: 6px; }

.ui-select select {
  -webkit-appearance: none;
  border: 0;
  background: none;
  width: 100%;
  padding-right: 14px; }

.ui-select:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 6px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: #a6a6a6;
  content: "";
  pointer-events: none; }

.ui-select-group {
  margin-left: 95px;
  overflow: hidden; }
  .ui-select-group .ui-select {
    float: left; }

.ui-form-item > .ui-select {
  margin-left: 95px; }

.ui-input-wrap {
  background-color: #ebeced;
  height: 44px;
  display: -webkit-box;
  -webkit-box-align: center; }
  .ui-input-wrap .ui-btn, .ui-input-wrap .ui-btn-lg, .ui-input-wrap .ui-btn-s, .ui-input-wrap i {
    margin-right: 10px; }

.ui-input {
  height: 30px;
  line-height: 30px;
  margin: 7px 10px;
  background: #fff;
  padding-left: 10px;
  -webkit-box-flex: 1; }

.ui-input input {
  width: 100%;
  height: 100%;
  border: 0;
  background: 0 0;
  -webkit-appearance: none;
  outline: 0; }

.ui-searchbar-wrap {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  background-color: #ebeced;
  height: 44px; }
  .ui-searchbar-wrap button {
    margin-right: 10px; }
  .ui-searchbar-wrap .ui-searchbar-cancel {
    color: #00a5e0;
    font-size: 16px;
    padding: 4px 8px; }
  .ui-searchbar-wrap .ui-searchbar-input, .ui-searchbar-wrap button, .ui-searchbar-wrap .ui-icon-close {
    display: none; }
  .ui-searchbar-wrap.focus {
    -webkit-box-pack: start; }
    .ui-searchbar-wrap.focus .ui-searchbar-input, .ui-searchbar-wrap.focus button, .ui-searchbar-wrap.focus .ui-icon-close {
      display: block; }
    .ui-searchbar-wrap.focus .ui-searchbar-text {
      display: none; }

.ui-searchbar {
  border-radius: 5px;
  margin: 0 10px;
  background: #fff;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-left: 4px;
  -webkit-box-flex: 1;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  color: #bbb;
  font-size: 14px;
  width: 100%; }
  .ui-searchbar input {
    -webkit-appearance: none;
    border: none;
    background: none;
    color: #000;
    width: 100%;
    padding: 4px 0; }
  .ui-searchbar .ui-icon-search {
    line-height: 30px; }
  .ui-searchbar .ui-icon-close {
    line-height: 30px; }

.ui-searchbar-input {
  -webkit-box-flex: 1; }


  /**
* 红点提醒
*/
.ui-reddot, .ui-reddot-border, .ui-reddot-s {
  position: relative;
  display: inline-block;
  line-height: 22px;
  padding: 0 6px; }
  .ui-reddot:after, .ui-reddot-border:after, .ui-reddot-s:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #f74c31;
    border-radius: 5px;
    right: -3px;
    top: -3px;
    -webkit-background-clip: padding-box;
            background-clip: padding-box; }

.ui-reddot-static {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0; }
  .ui-reddot-static:after {
    top: 0;
    right: 0; }

/* 带白边的 */
.ui-reddot-border:before {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 5px;
  right: -4px;
  top: -4px;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  padding: 1px; }

/* 小号的 */
.ui-reddot-s:after {
  width: 6px;
  height: 6px;
  top: -5px;
  right: -5px; }

.new-sub  .ui-reddot-s:after{
 top:10px;
 right:30px;
}

.historlist{
  margin-top:5px;
}
.historlist p{
  padding: 10px;
  font-size: 14px;
  color: #18b4ed;
}
.historlist i{
  color: #18b4ed;
}

#userinfo{
  
 color:red;
 
}

#userinfo a{
  
 color:red;
 
}
#mob {
    -webkit-appearance: none !important;
    margin: 0;
}
.payfoot{
  position: fixed;
  z-index: 3;
  bottom: 0px;
  width:100%
}
.pl-notes{
  padding:12px;
  font-size:0.7rem;

}
#payli{
 margin-top:1px;
 /*
 max-height:11rem;
 overflow-y: auto;
 */
 margin-bottom:13rem;
}

#payform .ui-form-item label{
  width:95px;
  position: absolute;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#payform .ui-form-item-l input {
  padding-left: 115px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#resstate{
 text-align:center;
 color:red;
}
.pl {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 5px 10px 0;
}
.pl li {
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    line-height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 7px 10px;
    position: relative;
	 
}
.pl li.curr {

border:1px solid #045ADF;
background:url("http://vip.kaoguo8.com/m/images/lick.png") no-repeat right bottom;background-size:31px 31px;

}
.pl li p {
    color: #222;
    float: left;
    font-size: 15px;
    
}

.pl li.curr p {
  color: #000;
}
.pl li span {
    color: #f60;
    float: right;
    font-size: 18px;
    
}

.pl li .note{
  font-size:12px;
  color:#444;
  display:none;
}

.pl li.curr .note {
 display:block;
}

#totalfeediv{
    color: #f60;
      padding-left: 115px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 18px;
}
.pl li .provider{
 float:left;
 color: #333;
 font-size: 15px;
}
.plmore-next{
 font-size:14px;
 color:#ff0000;
 float:right;
 padding:10px;
}
.plmore-prev{
 font-size:14px;
 color:#ff0000;
 float:right;
 padding:10px;
}


 
/*
.ui-checkbox, .ui-checkbox-s {
  display: inline-block; }

.ui-checkbox input, .ui-checkbox-s input {
  display: inline-block;
  width: 25px;
  height: 1px;
  position: relative;
  overflow: visible;
  border: 0;
  background: none;
  -webkit-appearance: none;
  outline: none;
  margin-right: 8px;
  vertical-align: middle; }

.ui-checkbox input:before, .ui-checkbox-s input:before {
  font-family: "appiconfont" !important;
  font-size: 32px;
  
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
  content: "\e82b";
  color: #18b4ed;
  position: absolute;
  top: -22px;
  left: -4px;
  color: #dedfe0; }

.ui-checkbox input:checked:before, .ui-checkbox-s input:checked:before {
  content: "\e82c";
  color: #18b4ed; }

.ui-checkbox-s input:before {
  content: "\e82b"; }

.ui-checkbox-s input:checked:before {
  content: "\e82c"; }

*/
button {
  -webkit-appearance: none;
  border: 0;
  background: none;
}

.page{
background-color: #f8f8f8;
 
}
.bar{
 padding-left: 0rem;
 padding-right:0rem;
}
.bar .icon {
 color: #fff;
}
.bar .icon-search {
 color: #b4b4b4;
}
 
.bar .icon:active {
  opacity:0.5;
  background-color: #e5e6e7;
 }

 .bar .iconfont {
 color: #fff;
}
 
.bar .iconfont:active {
  opacity:0.5;
  background-color: #e5e6e7;
 }


.bar-footer{
 background-color: #18b4ed;
}
.bar-tab{
 background-color: #18b4ed;
 height: 1.7rem;
}
 
.bar-nav{
  background-color: #18b4ed;
  color: #fff;
}
.bar-nav .icon{
   padding-left:.3rem;
   padding-right:.3rem;
}
.bar-nav .iconfont{
   position: relative;
   z-index: 20;
   padding-left:.3rem;
   padding-right:.3rem;
   font-size: 1.2rem;
   line-height: 2.3rem;
}

.bar-nav .title{
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
 
}

.bar-nav .noleft{
 margin-left: 0rem; 
}


.bar .button-link {
   color: #fff;
   padding-right: 5px;
}
.bar .button-link:active{
    opacity:0.5;
	border-radius: 0;
    background-color: #e5e6e7;
}
.bar .button-nav.pull-left{
 margin-left: 0rem; 
 margin-right: 0rem;
}
 
.bar .button-nav.pull-right {
  margin-right: .5rem;
}
.list-block .item-divider, .list-block .list-group-title {
  color:#18b4ed;
  
 }
.actionmenu{
  position: absolute;
  top: 55px;
  right:5px;
  z-index: 99999;
  
  padding: 1px 1px;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 5px;
  display:none;
 }
 .actionmenu .pos{
   width: 0px;  
   height: 0px;  
   position: absolute;  
   right: 10px;  
    
   top: -10px;  
   border-bottom: 10px solid #cccccc;  
   border-left: 10px solid transparent;  
   border-right: 10px solid transparent; 
   z-index: 10; 
 }
 .actionmenu .innerpos{
   width: 0px;  
   height: 0px;  
   position: absolute;  
   right: 11px;  
  
   top: -9px;  
   border-bottom: 9px solid white;  
   border-left: 9px solid transparent;  
   border-right: 9px solid transparent; 
   z-index: 11; 
 }

.actionmenu ul,li,ol{list-style:none}
.actionmenu li{
width: 100%;
background:#fff;
float:none;
box-sizing:border-box;
-webkit-box-sizing:border-box;
border-bottom:1px solid #e0e0e0;
height:38px;
line-height:38px;
font-size:14px;
padding-left:10px;
padding-right:10px;
}

.actionmenu li:active{
 
 background-color: #e5e6e7;
}

#fmenu img,#fmenu fieldset{border:0;vertical-align:middle}
#fmenu a{text-decoration:none;color:#4c4c4c;}
#fmenu a:hover{text-decoration:none;}
#fmenu ul,li,ol{list-style:none}
#fmenu img{max-width:100%;}
#fmenu .clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
#fmenu .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
#fmenu .l{float:left;}.r{float:right;}
 
#fmenu .btn3{position:fixed;
  z-index:3;
  bottom:0px;
  border-top:1px solid #e0e0e0;
  background:#e6e6e6;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
#fmenu .menu{position:relative;
    float:left;
    width:33.33%;
    height:45px;
    line-height:45px;
    background:#fff;
    border-right:1px solid #e0e0e0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;}
#fmenu .menu:last-child{border-right:none;}
#fmenu .new-sub{position:absolute;
      bottom:56px;
      z-index:10;
      width:100%;
      padding: 0px 0px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #e0e0e0;
	  border-bottom: 0px solid #e0e0e0;
      border-radius: 0px;
      display:none;
/*	  filter: progid: DXImageTransform.Microsoft.Shadow(color=#f0f0f0,direction=20,strength=2);
-moz-box-shadow: 2px 2px 3px #f0f0f0;
-webkit-box-shadow: 2px 2px 3px #f0f0f0;

box-shadow: 2px 2px 3px #f0f0f0;
*/
	  }
#fmenu .new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-bottom:1px solid #e0e0e0;}
#fmenu .new-sub li a{display:block;
          height:45px;
          line-height:45px;
          text-align:left;
          background:#fff;
          color:#000;
          border:none;
          text-align:center;
          font-size:16px;}
#fmenu .sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
#fmenu .bt-name{font-size:16px;color:#000;}
#fmenu .bt-name a{display:block;font-size:16px;color:#000;}
#fmenu .bt-name a:active {
  background-color: #e5e6e7;
 }
#fmenu .new-sub a:active {
  background-color: #e5e6e7;
 }
#fmenu .new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #e0e0e0;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
#fmenu .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }

  .fmenu-main,.fmenu-sitebar {
    height: 45px;
    text-align: center;
}
.fmenu-main {
    width: 100%;
    float: left;
}
.fmenu-main .main-content {
    margin-left: 60px;
}
.fmenu-sitebar {
    width: 60px;
    float: left;
    margin-left: -100%;
    background:#fff;
	border-right: 1px solid #e0e0e0;
	height: 45px;
}

.fmenu-sitebar i{
  margin:0px;
  padding:0px;
  font-size:1.2rem;
  line-height: 45px;
}
.fmenu-sitebar .menu-title{
 font-size:0.5rem;
 margin:0px;
 padding:0px;
 line-height: 1px;
}

.fmenu-sitebar:active {
  background-color: #e5e6e7;
 }

 .fmenu-sitebar a:active {
  background-color: #e5e6e7;
 }


.fmenu ul{margin:0px;padding:0px}
.fmenu{
  position: fixed;
  z-index: 3;
  bottom: 0px;
  border-top: 1px solid #e0e0e0;
  background: #e6e6e6;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fmenu img,#fmenu fieldset{border:0;vertical-align:middle}
.fmenu a{text-decoration:none;color:#4c4c4c;}
.fmenu a:hover{text-decoration:none;}
.fmenu ul,li,ol{list-style:none}
.fmenu img{max-width:100%;}
.fmenu .clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.fmenu .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.fmenu .l{float:left;}.r{float:right;}

.fmenu .menu {
  position: relative;
  float: left;
  width: 33.3%;
  height: 45px;
  line-height: 45px;
  background: #fff;
  border-right: 1px solid #e0e0e0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }

.fmenu .menu:last-child{border-right:none;}
.fmenu .new-sub{position:absolute;
      bottom:56px;
      z-index:10;
      width:100%;
      padding: 0px 0px;
      background: #fff;
      box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border: 1px solid #e0e0e0;
	  border-bottom: 0px solid #e0e0e0;
      border-radius: 0px;
      display:none;
/*	  filter: progid: DXImageTransform.Microsoft.Shadow(color=#f0f0f0,direction=20,strength=2);
-moz-box-shadow: 2px 2px 3px #f0f0f0;
-webkit-box-shadow: 2px 2px 3px #f0f0f0;

box-shadow: 2px 2px 3px #f0f0f0;
*/
	  }
.fmenu .new-sub li{width: 100%;
        background:#fff;
        float:none;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border-bottom:1px solid #e0e0e0;}
.fmenu .new-sub li a{display:block;
          height:45px;
          line-height:45px;
          text-align:left;
          background:#fff;
          color:#000;
          border:none;
          text-align:center;
          font-size:16px;}
.fmenu .sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.fmenu .bt-name{font-size:16px;color:#000;}
.fmenu .bt-name a{display:block;font-size:16px;color:#000;}
.fmenu .bt-name a:active {
  background-color: #e5e6e7;
 }
.fmenu .new-sub a:active {
  background-color: #e5e6e7;
 }
.fmenu .new-sub .tiggle{
	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-10px;
      bottom:-9px;
      border-top:10px solid #e0e0e0;
      border-left:10px solid transparent;
      border-right:10px solid transparent;
      z-index:10;
  }
.fmenu .new-sub .innertiggle{
  	width:0px;
      height:0px;
      position:absolute;
      left:50%;
      margin-left:-9px;
      bottom:-8px;
      border-top:9px solid white;
      border-left:9px solid transparent;
      border-right:9px solid transparent;
      z-index:11;
  }

  .badge{
     background: #b6cae0;
   display: inline-block;
  text-align: center;
 
  color: #fff;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 8px;
  padding: 0 6px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  }


.item-title .icon{
   color: #18b4ed;
  }
.list-block .item-inner:after{
 background-color:#e0e0e0;
 }
 .list-block {
  margin: 0px;
 }

.tab-index{
  
  top: 2.2rem;
  position:absolute;
  width: 100%;
 
  display: box;
  display: -webkit-box;
  font-size: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
}

.tab-index  .swiper-pagination-bullet{
 height: 2rem;
 line-height: 2rem;
  box-flex: 1;
  -webkit-box-flex: 1;
  text-align: center;
  color: #777;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 100%;
  min-width:70px;

  display:block;
  
  font-size: .8rem;
  opacity: 1;
   
  border-bottom: 2px solid transparent; 
  border-radius: 0;
  margin: 0px;
  
 
  margin-bottom:1px;
  background-color: #f8f8f8;
  }
.tab-index  .swiper-pagination-bullet-active{
   border: 0px solid #18b4ed;
   color: #00a5e0;
   border-bottom: 2px #00a5e0 solid;
   
 }
/*
   .zy-index{
    background: #fff;
   }

   .zy-index .swiper-pagination-bullet{
    display:block;
	width:100%;
	 height: 40px;
  line-height: 40px;
  border-radius: 0;
  margin: 0px;
  color: #777;
 background: #fff;
 border-bottom: 1px solid #e0e0e0;
 opacity: 1;
 padding-left:.5em;
   }
   .zy-index .swiper-pagination-bullet:active{
     background: #e0e0e0;
   }

 .zy-index  .swiper-pagination-bullet-active{
   border-bottom: 1px solid #e0e0e0;
   color: #00a5e0;
 
 }
*/
/*

.stfl-index{
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stfl-index  .swiper-pagination-bullet{
height: 38px;
line-height: 38px;
box-flex: 1;
-webkit-box-flex: 1;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display:block;
font-size: 15px;
opacity: 1;
border: 0px solid #18b4ed;
border-bottom: 2px solid #ffffff;
border-radius: 0;
margin: 0px;
 
  margin-bottom:1px;
  color:#000000;
  background: #f8f8f8;
  }
.stfl-index  .swiper-pagination-bullet-active{
   border: 0px solid #18b4ed;
   color: #00a5e0;
   border-bottom: 2px #00a5e0 solid;
   background: #ffffff;
 }

 #stfl-swiper .swiper-slide{
   
   padding:3px;
   text-align:center;
   background: #ffffff;
   height:auto;
    
 }
 #stfl-swiper ul{
  
 }

 #stfl-swiper ul li{
  float:left;
  width:50%;
  font-size:14px;
 }
#stfl-swiper ul li a{
  border: 1px solid #e0e0e0;
  margin:3px;
  padding:3px;
  display:block;
  text-align:left;
  font-size:14px;
  
 }

 #stfl-swiper ul li a:active{
  background: #e0e0e0;
 }

 #stfl-swiper .icon{
  color:#0894ec;
 }*/
 


.stfl-index{
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stfl-index  div{
height: 2rem;
line-height: 2rem;
box-flex: 0;
-webkit-box-flex: 0;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display:block;
font-size: .8rem;
opacity: 1;
border: 0px solid #18b4ed;
border-bottom: 2px solid #ffffff;
border-radius: 0;
margin: 0px;
  margin-bottom:0px;
  color:#000000;
  background: #f2f2f2;
  }
.stfl-index  div.current{
   border: 0px solid #18b4ed;
   color: #00a5e0;
   border-bottom: 2px #00a5e0 solid;
   background: #ffffff;
 }

 .kszy-index{
  
  top: 2.2rem;
  position:absolute;
  width: 100%;
  
  display: box;
  display: -webkit-box;
  font-size: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
}


.kszy-index  .swiper-pagination-bullet{
 
  box-flex: 1;
  -webkit-box-flex: 1;
  text-align: center;
  color: #777;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 100%;
  min-width:70px;
  display:block;
  
  font-size: .8rem;
  opacity: 1;
   
  border-bottom: 2px solid transparent; 
  border-radius: 0;
  margin: 0px;
  margin-bottom:1px;
  background-color: #f8f8f8;
  }
.kszy-index  .swiper-pagination-bullet-active{
   border: 0px solid #18b4ed;
   color: #00a5e0;
   border-bottom: 2px #00a5e0 solid;
   
 }


 .kszy-index  div{
 height: 38px;
 line-height: 38px;
  box-flex: 1;
  -webkit-box-flex: 1;
  text-align: center;
  color: #777;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 
  width: 100%;
  min-width:70px;
  display:block;
  
  font-size: 15px;
  opacity: 1;
   
  border-bottom: 2px solid transparent; 
  border-radius: 0;
  margin: 0px;
  margin-bottom:1px;
  background-color: #f8f8f8;
  }
.kszy-index  div.current{
   border: 0px solid #18b4ed;
   color: #00a5e0;
   border-bottom: 2px #00a5e0 solid;
   
 }



.kstable{
 margin:auto;
 padding:0px;
 border-collapse: collapse;
 border: none;
 width:100%;
}

.kstable td{
 margin:0px;
 background: #fdfdfd;
 width:33%;
 
 text-align:center;
 border-bottom: solid #e0e0e0 1px;
 border-left: solid #e0e0e0 1px;
 padding:10px;
}

.kstable td a{
 display:block;
 width:100%;
 height:100%;
 
}

.kstable td:active{
  background: #e0e0e0;
}

.kstable img{
 width:2.5rem;
 height:2.5rem;
}
.incfoot{
 margin-bottom:2.5rem;
}
.kskmclass{
  top: 2.2rem;
  position: absolute;
  
  width: 100%;
  background-color: #fff;
  display: box;
  display: -webkit-box;
  font-size: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}
.kskmclass li{
 display:inline;
 border: solid #e0e0e0 1px;
 min-width:50px;
}

.question-swiper  {
     padding-left:10px;
	 padding-right:10px;
	 background: #ffffff;
}
.question-swiper .ui-list-text li {
 
  padding-top:  .3rem;
  padding-bottom:  .3rem;
  padding-right:  .8rem;
  padding-left: .8rem;
 
}
 
.question-swiper label{
 width:100%;
 display:block;
}
/* 按压态*/
.question-swiper label:active {
  background-color: #e5e6e7;
 }
 
.question-swiper .checkbox-input{
  
  float: left;
}
.question-swiper input{
  margin-right:0px;
  
}
.question-swiper input:before{
   font-size:1.2rem;
  
 }
.question-swiper .radio-input{
   
  float: left;
}

.question-swiper .q-opt{
 
 padding-left: 1.5rem;
 text-indent: 0rem;
 font-size:.9rem;
}
.q-title{
  font-size:.9rem;
  padding:.25rem;
  padding-left:.7rem;
  padding-right:.7rem;
}
.q-title img{
 max-width:100%;
 height:auto;
}
.q-opt img{
  max-width:100%;
  height:auto;
}
.q-type{
  padding:.25rem;
  padding-left:.7rem;
  padding-right:.7rem;
  color:#18b4ed;
}

.q-type p{

 float:right;
}

.q-da{
  
 padding-left:.7rem;
 padding-right:.7rem;
 display:none;
}
.q-da-lib{
 display:inline;
 
}

.q-da-con{
  
  display:inline;
  /*
  position: absolute;
  left: 80px;
 color:red;
  margin-top: -25px;*/

}

.q-da-do{
  color:red;
  display:none;
  float:right;
}
.q-da-do .iconfont{
   
}

.q-da-do .iconfont-check{
  color:green; 
}


 
.q-tikaaction{
 color:#18b4ed;
 display:inline;
 height:30px;
 margin:0px;
 text-align: right;
 position: fixed;
 bottom: 0px;
 right:0px;
 z-index:1000;
}

.q-tikaaction i{
 font-size:23px;
}
 .q-daactioin{
 padding-left:45px;
 padding-right:15px;
 color:#18b4ed;
 display:inline;
}

.q-jx{
 padding:5px;
 padding-left:15px;
 padding-right:15px;
 display:none;
}

.q-jx p{
 color:red;
 float:right;
 
}


.q-ckda{
  color: #ff0000;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
   
  position: absolute;
  margin-left: -15px;
  top: 10px;
  -webkit-transition: all .2s;
 
}

.q-do{
   float: right;
  /* width: 30px; */
  /* height: 30px; */
  margin-top: -35px;
}

.question-index{
 
 width:100%;
 margin:auto;
 padding-top:.5rem;
 padding-left:.5rem;
 
 
}
.q-tiganlink{
 text-align:right;
 color:#18b4ed;
 display:inline;
}
#datika-panel .button{

  border-color: #e8e8e8;
  color: #ffffff;  
}

.question-index .swiper-pagination-bullet {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #fff;
  opacity: 1;
  border-radius: 0;
  margin:3px;
  background: #333333;
  border: 1px solid #e8e8e8;
  position: relative;
}

.question-index .swiper-pagination-bullet-active {
  color: #18b4ed;
  border: 1px solid #18b4ed;
}

.q-dat:before{
  
  /*background-color: #5fb336;*/
  border: 0px solid #5fb336;
  content: '对';
  position: absolute;
  font-size: 12px;
  width: 26px;
  height: 12px;
  line-height: 12px;
  top: 0;
  right: 0;
  z-index: 9;
  color: #5fb336;
  border-radius: 0px;
  text-align: right;
}

.q-daf:before{
  /*background-color: #ff0000;*/
  border: 0px solid #ff0000;
  content: '错';
  position: absolute;
  font-size: 12px;
  width: 26px;
  height: 12px;
  line-height: 12px;
  top: 0;
  right: 0;
  z-index: 9;
  color: #ff0000;
  border-radius: 0px;
  text-align: right;
}
.ksbdmore{
 text-align:center;
 line-height:30px;
 height:300px;
}


#leftpanel{
  background:#111;
}
.leftpanel-menu{
  margin:.2rem;
  margin-top:1rem;
}
.leftpanel-menu ul li{
  margin-bottom:1rem;
  border-bottom: 1px solid #6D6D72;
}

#list-ksst .item-title{
  
}

#list-chapter .accordion-item-content{
 background: #e8e8e8;
}

#list-ksst .accordion-item-content{
  
}
#list-ksst .card-content ul{
 padding:.5rem;
 padding-right:0rem;
 clear: both;
}

#list-ksst .card-content ul li{
  display: -webkit-inline-box;
  width: 47%;
  height: 1.5rem;
  line-height:1.1rem;
  clear: both;
  
  border: 0px solid #e0e0e0;
   
  position: static;
  border-radius: 5px;
  
}

#list-ksst .card-content ul li a{
 padding:.2rem;
 display:block;
}


#list-ksst .accordion-item-expanded> .item-content{
  
 color: #00a5e0;
 border-bottom: 2px #00a5e0 solid;
}

#list-ksst .accordion-item > .item-content{
  
color: #00a5e0;
  
}

 

 

.kszy-item  ul {
background: #e8e8e8;}
#list-payli .accordion-item-content{
 background: #e8e8e8;
}
#alipaybut .iconfont{
 font-size:1.2rem;
}

/* === Accordion === */
.list-block .accordion-item-toggle {
  cursor: pointer;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block .accordion-item-toggle .item-inner {
  padding-right: 35px;
  background: no-repeat -webkit-calc(100% - 15px) center;
  background: no-repeat calc(100% - 15px) center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 10px 20px;
}
html:not(.watch-active-state) .list-block .accordion-item-toggle:active,
.list-block .accordion-item-toggle.active-state {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
  background-color: #d9d9d9;
}
html:not(.watch-active-state) .list-block .accordion-item-toggle:active > .item-inner:after,
.list-block .accordion-item-toggle.active-state > .item-inner:after {
  background-color: transparent;
}
.list-block .accordion-item-toggle .item-inner,
.list-block .accordion-item > .item-link .item-inner {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.list-block .accordion-item-toggle .item-inner:after,
.list-block .accordion-item > .item-link .item-inner:after {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.list-block .accordion-item-expanded .accordion-item-toggle .item-inner,
.list-block .accordion-item-expanded > .item-link .item-inner {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
  background-size: 20px 20px;*/
  background-image: url("../img/i-list-chevron-down.png");
  background-size: 0.7rem;
  background-repeat: no-repeat;
}
.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,
.list-block .accordion-item-expanded > .item-link .item-inner:after {
  background-color: transparent;
}
.list-block .accordion-item .content-block,
.list-block .accordion-item .list-block {
  margin-top: 0;
  margin-bottom: 0;
}
.list-block .accordion-item ul {
  padding-left: 0;
}
.accordion-item-content {
  position: relative;
  overflow: hidden;
  height: 0;
  font-size: 14px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #e8e8e8;
}
.accordion-item-expanded > .accordion-item-content {
  height: auto;
}
html.android-4 .accordion-item-content {
  -webkit-transform: none;
  transform: none;
}

.bar .searchbar {
  margin: 0rem;
  
 }

/* === Search Bar === 
.searchbar {
  height: 2.2rem;
  background: #c9c9ce;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 0px solid #b4b4b4;
  padding: 0 8px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
html.retina.ios-gt-7 .searchbar {
  border-bottom-width: 0.5px;
}
.searchbar .searchbar-input {
  width: 100%;
 
  position: relative;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
}
.searchbar input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  
  display: block;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 5px;
  font-family: inherit;
  color: #000;
  font-size: .7rem;
  font-weight: normal;
  padding: 0 28px;
  background: #ffffff url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' enable-background='new 0 0 13 13'><g><path fill='%23939398' d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1 M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0 L5,0z'/></g><line stroke='%23939398' stroke-miterlimit='10' x1='12.6' y1='12.6' x2='8.2' y2='8.2'/></svg>") no-repeat 8px center;
  -webkit-background-size: 13px 13px;
  background-size: 13px 13px;
}
.searchbar input[type="search"]::-webkit-input-placeholder {
  color: #939398;
  opacity: 1;
}
.searchbar input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.searchbar .searchbar-clear {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
  background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><circle cx='14' cy='14' r='14' fill='%238e8e93'/><line stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' x1='8' y1='8' x2='20' y2='20'/><line fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' x1='20' y1='8' x2='8' y2='20'/></svg>") no-repeat center;
  -webkit-background-size: 14px 14px;
  background-size: 14px 14px;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  cursor: pointer;
}
.searchbar .searchbar-cancel {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
  cursor: pointer;
  opacity: 0;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  margin-left: 0;
  pointer-events: none;
}
.searchbar.searchbar-active .searchbar-cancel {
  margin-left: 8px;
  opacity: 1;
  pointer-events: auto;
}
.searchbar.searchbar-active .searchbar-cancel:active {
  opacity: 0.3;
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}

*/
.searchbar.searchbar-not-empty .searchbar-clear {
  pointer-events: auto;
  opacity: 1;
}
.searchbar-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.searchbar-overlay.searchbar-overlay-active {
  opacity: 1;
  pointer-events: auto;
}
.searchbar-not-found {
  display: none;
}
.hidden-by-searchbar,
.list-block .hidden-by-searchbar,
.list-block li.hidden-by-searchbar {
  display: none;
}
.page > .searchbar {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 200;
}
.page > .searchbar ~ .page-content {
  padding-top: 44px;
}
.navbar-fixed .page > .searchbar,
.navbar-through .page > .searchbar,
.navbar-fixed > .searchbar,
.navbar-through > .searchbar {
  top: 44px;
}
.navbar-fixed .page > .searchbar ~ .page-content,
.navbar-through .page > .searchbar ~ .page-content,
.navbar-fixed > .searchbar ~ .page-content,
.navbar-through > .searchbar ~ .page-content {
  padding-top: 88px;
} 

.subp{
display:inline;

}
.subp i{
  
  vertical-align: super ;
  
}
 
.subp i:nth-child(2){
  position: relative;
  vertical-align: sub;
  left: -10px;
} 

.player{   background: #a8e5d9; padding: 0.688em 0.625em  0.625em  0.75em; margin:0 auto;}
.player video{ width: 100%; height: 100%; cursor: pointer; }

.more{ width: 96%; height: 3.125em; line-height: 3.125em; text-align:center;  font-size:1em;  background: #0066cc; margin: 0 auto; display: block; color: #f3f3f3; position: relative; }
.more img{ float:right;  padding-right: 2%; margin-top: 0.938em; right: 40%; }

.more-nav{
 width: 100%; height: 3.125em; line-height: 3.125em; text-align:center;  font-size:1em;  background: #0066cc; margin: 0 auto; display: block; color: #f3f3f3; position: relative; 
 color:#ffffff;
}
.more-nav a{display: block; height: 3.125em;  color:#ffffff;}

.list-block .item-text{
 height:auto;
}
.table-bkzn {border-right:1px solid #BCBCBC;border-bottom:1px solid #BCBCBC;} 
.table-bkzn  td{border-left:1px solid #BCBCBC;border-top:1px solid #BCBCBC;padding:3px;} 
#tongjijs + span  {display:none}
#tongjijs + span a{display:none}

.pl li.curr {border:1px solid #00a5e0;background:url("http://vip.kaoguo8.com/m/img/licked.png") no-repeat right bottom;background-size:31px 31px;}
#paytype .checked{
		/*background: #e7e7e7;*/
}
#paytype .item-title{font-size:0.8rem}

#paytype .badge{background: #FF6600;}
#paytype .item-media i{ }
#paytype .item-after i:before { content: "\e61b"; color:#8e8e8e; font-size:1.1rem;}
#paytype .checked .item-after i:before { content: "\e605"; color:#00a5e0;font-size:1.1rem;}

.regmodal .button:active 
 {
   background: #d4d4d4;
}
#regmsg{
 color:red;
 font-size:0.6rem;
 height:0.6rem;
 line-height:0.6rem;
 padding-top:3px;
}
#smscodebut{
 width:100%;
}

#sharehb {
  -webkit-user-select: none;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 105;
}
 
#sharehbimg  {
  float:right;
  width:360px;
  height:360px;
  background-image:url('/m/img/fxdt1.png');
  background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;
}

#sharehb2 {
  -webkit-user-select: none;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.85);
  text-align: center;
  top: 0;
  left: 0;
  z-index: 10600;
}
 
#sharehbimg2  {
  float:right;
  width:360px;
  height:360px;
  background-image:url('/m/img/fxdt2.png');
  background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;
}

.wxhead{text-align:center;margin:auto;}
.wxhead img{
 width:43px; 
 height:43px; 
 border-radius:50px;
 vertical-align:middle;
}
.button-big{
 width:100%;
}
 #hongbaoimg {
  
  margin:auto;
  margin-top:30px;
  width: 280px;
  height: 390px;
  background-image: url('/m/img/hongbao1.png');
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
#hongbaotitle{
 color:#ffffff;
 font-size:14px;
 margin:auto;
 text-align:center;
 top:88px;
 position: relative;
}

#hongbaostate{
 color:#FFCC99;
 font-size:19px;
 margin:auto;
 text-align:center;
 top:150px;
 position: relative;
}


.huodongtitle {
  background: url("/m/images/huodong-title.png") no-repeat;
  background-size: 100%;
  height: 40px;
  margin-top: 10px;  
  text-align:center;
  line-height:40px;
  font-size:16px;
  color:#ffffff;
}

.huodaongcontent{
 
  padding: 0px 10px 10px;
  font-size:12px;
}
.card-hongbao:active{
  opacity:0.5;
  background-color: #e5e6e7;
}
.card-hongbao .card-content{
 background:#FA9D3B;
 color:#fff;
}
.card-hongbao .card-footer{
  
 color:#999999;
}

.card-hongbao .card-content-inner{
  background: url("/m/img/hongbao.png");
  background-repeat:no-repeat;
  background-size: 40px;
  background-position:15px 15px;
  
  margin:0px;
  padding-top:15px;
  padding-left:65px;
  height:75px;
  font-size:15px;
}

#page-tuijian{
background: #efeff4;
}